@import 'common';

body {
    font:14px Calibri,Arial;
    color:#555
}

h1 {
    font: 24px Cambria, Georgia;
    color:#000;
    margin-bottom:20px
}
p {margin:5px 0 10px}
a {outline:none;color:#369;text-decoration:underlin}

.left  {float:left}
.right {float:right}

form {
    float:left
}
    label {
        float:left;
        margin:7px 0;
        cursor:pointer;
        width:130px;
        text-align:right;
        clear:both
    }
    label.auto{width:auto}
    input,textarea,select{
        float:left;
        margin:5px;
        padding:2px 4px;
        border:1px solid #ccc
    }
    input.large{width:300px}
    input.small{width:60px}
    input.number{width:60px;text-align:right}
    
    textarea{ width:300px;height:40px}
    textarea:focus{border-color:#A01120}
    input[type=submit],input[type=button] {
        background:#369;
        color:#fff;
        cursor:pointer;
        float:right;
        clear:both;
        margin-top:20px;
        border-radius:4px;
        border:none
    }
    input[type=button] {
        margin:5px;
        clear:none;
        background:#aaa
    }
    input[type=button].loading {
        padding-left:20px;
        background:#fff url(../img/throbber.grey.gif) no-repeat 3px center;
        border:1px solid #aaa;
        color:#aaa
    }
    form .info {float:left;margin:7px 5px; font-size:11px;color:#999}
    
#flashMessage {padding:5px;font-weight:bolder}
#flashMessage.ok{background:darkgreen;color:#fff}
#flashMessage.error{background:red;color:#fff}

menu {
    list-style:none;
    text-align:right;
    margin: 20px 0 20px 20px
}
    menu a{color:#fff;text-decoration:none;display:block;padding:5px 10px}
    menu strong{background:#fff;color:#000;padding:5px 10px;display:block}

#left{
    width:200px;
    float:left;
    background:#A01120;
    color:rgba(255,255,255,0.5);
    height:100%;
    text-align:center
}
    #left p{
        margin:20px 0 0
    }
    #left a {
        color:#fff;
        text-decoration:none
    }

#content{
    float:left;
    padding:20px;
    min-width:600px
}

.entity-table {
    width:100%;
    border-collapse:collapse
}
    .entity-table th, .entity-table td {
        padding:4px 7px;
        text-align:left
    }
    .entity-table th {
        background:#ccc;
        color:#fff
    }
    th.text-right,td.text-right{text-align:right}
    th.text-center,td.text-center{text-align:center}
    .entity-table th a{font-weight:normal;text-decoration:none}
    
    .entity-table tr:hover td{background:#336699;color:#fff}
    .entity-table tr:hover a{color:#fff}

.tree{
    list-style:none;
    padding-left:10px
}
    .tree li{
        padding:4px 4px 4px 10px;
        position:relative
    }
    .tree .toggle{
        position:absolute;
        top:6px;
        left:0;
        width:8px;
        height:8px;
        text-align:center;
        color:#555;
        text-decoration:none;
        font:bolder 10px/8px Arial;
    }
    .tree .label{padding:2px 4px}
    .tree .selected>.label{background:#A01120;color:#fff;text-decoration:none}
    
    .tree.level-0{margin-top:10px}
    .tree.level-0.loading{background:#fff url(../img/throbber.grey.gif) no-repeat center center}
    .tree.level-0.loading *{visibility:hidden}

.actions a{
    display:inline-block;
    width:16px;
    height:16px;
    border-radius:7px;
    text-indent:-100em;
    overflow:hidden;
    background:#aaa url(../img/actions.png) no-repeat 0 0;
}
    .actions a:hover{background-color:#555}
    .actions .add:hover{background-color:darkgreen}
    .actions .edit{ background-position:0 -16px }
    .actions .edit:hover{background-color:#fc0}
    .actions .add.sub{ background-position:-16px -16px }
    .actions .delete{ background-position:-16px 0 }
    .actions .delete:hover{background-color:#A01120}

ul.sortable {
    list-style:none
}

#home-items {
    float:left
}
    #home-items li{
        float:left;
        width:300px;
        height:200px;
        border:1px solid #999;
        padding:5px;
        background:#fff;
        margin:0 5px 5px 0;
        position:relative
    }
    #home-items .placeholder {background:#eee;width:300px;height:200px}
    #home-items h2{
        margin:0 0 10px 0
    }
    #home-items img{
        float:left;
        margin:0 5px 5px 0
    }
    #home-items .actions {
        position:absolute;
        bottom:2px;
        right:2px;
        text-align:right
    }

.tabs table input{margin:0}
.tabs table .actions .add {display:none}
.tabs table tr:last-child .actions .add {display:block}
.tabs table tr:last-child .actions .delete {display:none}







.cake-sql-log {
    clear:both;
    font:11px Arial;
}